<!--
 * @Author: mia.chen mia.chen@webpowerchina.com
 * @Date: 2024-01-17 14:52:37
 * @LastEditors: mia.chen mia.chen@webpowerchina.com
 * @LastEditTime: 2024-01-17 17:58:08
 * @FilePath: \learn-project\src\App.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<script setup lang="ts">
import headerBar from "./components/headerBar.vue";
import headerTittle from "./components/headerTittle.vue";
console.log(import.meta.env);

</script>

<template>
  <div>
      <headerTittle style="height: 7vh"></headerTittle>
    </div>
  <el-container class="con" >
    <headerBar></headerBar>
    <router-view class="router-view"/>
  </el-container>
</template>

<style scoped>
.el-header, .el-footer {
    background-color: #B3C0D1;
    color: #333;
    text-align: center;
    line-height: 60px;
  }
  
  .el-aside {
    background-color: #D3DCE6;
    color: #333;
    text-align: center;
    line-height: 200px;
  }
  
  .el-main {
    background-color: #E9EEF3;
    color: #333;
    text-align: center;
    line-height: 160px;
  }
  .router-view{
    width:calc( 100% - 182px)
  }
  .con{
    height:calc( 100vh - 7vh)
  }
</style>
